<template>
  <div class="V-Mv">
     <VRanvideo v-for="(item) in recMvList" :key="item.id" :recVideoLists="item"></VRanvideo>
  </div>
</template>

<script>
import VRanvideo from './V-Ranvideo.vue'
import {recMv} from '../request/api/Video.js'
export default {
    components: {
        VRanvideo,
    },
data () {
        return {
            recMvList:[],
        }
    },
    created () {
        this.getrecMvList()
    },
    methods: {
        getrecMvList(){
            recMv('/mv/all',{area:'港台'}).then((res)=>{
                this.recMvList = res.data
            })
        }
    }
}
</script>

<style scoped lang="scss">
.V-Mv{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
</style>